.page-dashboard {
  height: 1000px;
  min-height: 100vh;
  min-width: 1680px;
  // min-width: 1920px;
  background-image: url('../../assets/dashboard/bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: auto;

  .header {
    height: 1000px;
    min-height: 100vh;
    min-width: 1680px;
    // min-width: 1920px;
    background-image: url('../../assets/dashboard/header-bg.png');
    background-size: 100% 100%;
    position: relative;
    display: flex;
    justify-content: space-between;

    .time-weather {
      margin-left: 25px;
      height: 52px;
      line-height: 52px;
      font-size: 13px;
      letter-spacing: 0px;
      color: #606998;

      .time {
        margin-right: 20px;
      }
    }

    .title-wrap {
      width: 640px;
      height: 102px;
      text-align: center;
      position: absolute;
      top: 18px;
      left: 50%;
      transform: translateX(-50%);

      .title {
        height: 42px;
        font-size: 34px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 4px;
        color: #ffffff;
      }

      .sub-title {
        height: 12px;
        font-family: DIN;
        font-size: 10px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 3px;
        color: #ffffff;
      }
    }

    .pull-down {
      height: 52px;
      line-height: 52px;
      margin-right: 20px;
      transform: rotate(-90deg);
      font-size: 20px;
      cursor: pointer;
    }
  }

  .content {
    position: absolute;
    top: 125px;
    left: 0;
    padding: 0 24px;
    width: 100%;
    min-width: 1680px;
    overflow-x: auto;

    /deep/ .block-content {
      padding: 16px;

      .top {
        display: flex;
        justify-content: space-between;

        .title {
          height: 23px;
          font-size: 23px;
          font-weight: bold;
          letter-spacing: 0px;
          color: #ffffff;
        }
      }

      .el-button-group {
        .el-button.el-button--default.el-button--mini {
          background: #0f3880;
          border-color: #1460af;
          color: #c1c1c1;
          padding: 5px 7px;
          box-sizing: border-box;
        }

        .el-button.el-button--default.el-button--mini.active {
          background-color: #011943;
          border: 1px solid #f0b80f;
          z-index: 10;
          color: #f0b80f * 0.7;
        }

        .el-button.el-button--default.el-button--mini.active_2 {
          background-color: #011943;
          z-index: 10;
        }
      }

      .list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;

        .item {
          width: 25%;
          text-align: center;
          margin-bottom: 40px;

          .img {
            width: 60px;
            height: 60px;
            margin-bottom: 8px;
          }

          .count {
            font-size: 20px;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 4px;

            .extra {
              font-size: 12px;
            }
          }

          .text {
            font-size: 14px;
            line-height: 22px;
            color: #65c6e7;
          }
        }

        &.tenement {
          margin-top: 56px;

          .item {
            width: 20%;

            .img {
              width: 50px;
              height: 50px;
            }
          }
        }
      }
    }
  }
}
